<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>编辑方案editPricePlan</title>
	</head>
	<link rel="stylesheet" href="../css/common.css" />
	<style>
		body{
			background:white;
		}
		.title{
			height:45px;
			line-height:45px;
			margin-left:4px;
			font-size:14px;
			font-weight:900;
		}
		.quare{
			margin:0 7px 0 11px;
			position:relative;
			top:3px;
			display:inline-block;
			width:4px;
			height:16px;
			background:#00aa98;
		}
		table{
			border-collapse:collapse;
			margin-left:15px;
		}
		.tableSame,.tableDiff,#SANKELimit{
			width:800px;
		}
		#SANKELimit td{
			border:1px solid #e6e6e6;
			text-align:center;
			height:44px;
		}
		.tableSame td{
			height:44px;
			width:12.5%;
			border:1px solid #e6e6e6;
			text-align:center;
			background-color:#f1f1f1;
		}
		.tableSame .exten{
			width:295px;
		}
		.tdColor{
			background:#f1f1f1;
		}
		
		.tableDiff td{
			width:33%;
			height:35px;
			border:1px solid #e7e7e7;
			text-align:center;
		}
		.tableDiff td input{
			text-align:center;
		}
		.btnBox{
			text-align:center;
			padding:45px 0;
		}
		.sure{
			background:#f9a61a;
		}
		.cancel{
		background:#afb1b0;
		margin-left:10px;
		}
		.dateApplicaion input{
			width:100%;
			height:100%;
			border:none;
		}
		.dateApplicaion select{
			width:100%;
			height:100%;
			border:none;
		}
		.heiGht{
			height:60px;
		}
		.priceSys input[type=text]{
			width:100%;
			height:100%;
			border:none;
		}
		.ydisable{
		 disabled:true;
		}
		#creator{
			background:#fff;
		}
		input[type=radio]{
			position:relative;
			top:5px;
			right:2px;
		}
		select,textarea{
			font-family:"微软雅黑";
		}
		#SANKELimit input[type=text]{
			width:100%;
			height:100%;
			border:none;
			outline:none;
			text-align:center;
		}
		#SANKELimit .freeTr{
			width:308px;
		}
		#SANKELimit .freeTr input[type=text]{
			border:1px solid #e2e2e4;
			height:22px;
			width:120px;
		}
	</style>
	<body>
		<p class='title'>
			<span><i class='quare'></i>适用日期</span>
		</p>
		<table class='tableSame dateApplicaion'>
			<tr>
				<td class='tdColor'>方案编号</td>
				<td id="number"></td>
				<td class='tdColor'>方案类型</td>
				<td id="type"></td>
				<td class='tdColor'>适用舱位</td>
				<td>
					<select id="cabin">
						<option value="Y">经济舱</option>
						<option value="F">头等舱</option>
						<option value="C">商务舱</option>						
					</select>
				</td>
				<td class='tdColor'>状态</td>
				<td id="status"></td>
			</tr>
			<tr>
				<td class='tdColor'>创建人<strong style='color:red;font-size: 16px;'>*</strong></td>
				<td><input  id="creator" type="text"></td>
				<td class='tdColor'>开始日期<strong style='color:red;font-size: 16px;'>*</strong></td>
				<td><input type="text" style="width:100%;" id="startDate"  class='datespicker' onFocus="new WdatePicker({dateFmt:'yyyy-MM-dd'})"/></td>
				<td class='tdColor'>结束日期<strong style='color:red;font-size: 16px;'>*</strong></td>
				<td><input type="text"  style="width:100%;" id="endDate" class='datespicker' onFocus="new WdatePicker({dateFmt:'yyyy-MM-dd'})"/></td>
				<td class='tdColor'>货币类型</td>
				<td>
					<select id="currency">
						<option value="CNY">人民币</option>
						<option value="MYR">马币</option>						
					</select>
				</td>
			</tr>
		</table>
		<p class='title'>
			<span><i class='quare'></i>限制条件</span>
		</p>
		<table id="QIEWEILimit" class='tableSame'>
			<tr>
				<td class='tdColor'>座位数<strong style='color:red;font-size: 16px;'>*</strong></td>
				<td class="exten">
					<input type="text" id="seatMin" style="width:120px;">
					<b>—</b>
					<input type="text" id="seatMax" style="width:120px;">
				</td>
				<td class='tdColor'>出票率<strong style='color:red;font-size: 16px;'>*</strong></td>
				<td colspan="3">
					<input type="text" id="ticketRate" style="width:100%;height:100%;border:none;">
				</td>
				
				
			</tr>
			<tr>
				<td class='tdColor'>退票费</td>
				<td id="refundFee" class="exten">
					<input type="radio"  name="refTicked" id="refTicked1" checked   ><label for="refTicked1">不允许</label>
					<input type="radio"  name="refTicked" id="refTicked2"  ><label for="refTicked2">允许</label>
					<input type="text" class="dis" readonly style="margin-left:35px;width:120px;"/>
				</td>
				<td class='tdColor'>票损率<strong style='color:red;font-size: 16px;'>*</strong></td>
				<td>
					<input type="text" id="ticketLossRate" style="width:100%;height:100%;border:none;">
				</td>
				<td class='tdColor'>票损<strong style='color:red;font-size: 16px;'>*</strong></td>
				<td>
					<input type="text" id="ticketLoss" style="width:100%;height:100%;border:none;">
				</td>
			</tr>
			<tr class="heiGht">
				
				<td class='tdColor'>改期费</td>
				<td id="revaFee" class="exten">
					<input type="radio"  name="issueTicked" id="issueTicked1"  value="" checked /><label for="issueTicked1">不允许</label>
					<input type="radio"  name="issueTicked" id="issueTicked2"  value=""><label for="issueTicked2">允许</label>
					<input type="text" class="reve" readonly style="margin-left:35px;width:120px;">
				</td>
				
				<td class='tdColor'>其他备注</td>
				<td colspan="3">
					<textarea  id="remark" style="width:99%;height:100%;border:none;"></textarea>
				</td>
			</tr>
		</table>
		<table id="SANKELimit">
			<tr>
				<td style="width:94px;" class='tdColor'>退票费</td>
				<td class="freeTr">
					<span><input value="noAllow" type="radio" name="tui"/> 不允许</span>
					<span><input value="allow" type="radio" name="tui"/> 允许</span>
					<span><input class="dis_" type="text"/></span>
				</td>
				<td style="width:94px;" rowspan="2" class='tdColor'>其他备注</td>
				<td rowspan="2"><input class="remark_" type="text"/></span></td>				
			</tr>
			<tr>
				<td class='tdColor'>改期费</td>
				<td class="freeTr">
					<span><input value="noAllow" type="radio" name="gai"/> 不允许</span>
					<span><input value="allow" type="radio" name="gai"/> 允许</span>
					<span><input class="reve_" type="text"/></span>	
				</td>				
			</tr>
		</table>
		<p class='title'>
			<span><i class='quare'></i>价格体系</span>
		</p>
		<table class='tableDiff priceSys'>
			<tr style='background:#f1f1f1;'>
				<td>旅客/舱位</td>
				<td>价格调整<strong style='color:red;font-size: 16px;'>*</strong></td>
				<td>税金<strong style='color:red;font-size: 16px;'>*</strong></td>
			</tr>
			<tr>
				<td>成人</td>
				<td><input type="text" id="adultAdjustment"></td>
				<td><input type="text" id="adultTFC"></td>
			</tr>
			<tr>
				<td>儿童(2-12)</td>
				<td><input type="text" id="childAdjustment"></td>
				<td><input type="text" id="childTFC"></td>
			</tr>
			<tr>
				<td>婴儿(0-2)</td>
				<td><input type="text" id="infantAdjustment"></td>
				<td><input type="text" id="infantTFC"></td>
			</tr>
		</table>
		<div class='btnBox'>
			<button class='Dolo_btn sure'>确认</button>
			<button class='Dolo_btn cancel'>取消</button>
		</div>
	</body>
		<script type="text/javascript" src="../js/jquery-1.12.4.js" ></script>
		<script type="text/javascript" src="../layer-v2.4/layer/layer.js" ></script>
			<!-- 引入my97日期时间控件 -->
		<script type="text/javascript" src="../js/My97DatePicker/WdatePicker.js" charset="utf-8"></script>	
		<script type="text/javascript" src="../js/common.js" ></script>
		<script>
		 var url = document.location.href.toString();
		 var u = url.split("=");
		 //alert(u[1]) 获取通过URL向下一个页面传过来的id值
		 $.ajax({
				type:"get",
				url:"../fareplan/fareplan?id="+u[1]+"&temp="+Math.random(),
				dataType:"json",
				async:true,
				success:function(data){
					var sta="";
					type=data.data.type;
					$("#number").text(data.data.number);//方案编号
					$("#type").text(commomFun.typeStatusStr(data.data.type));//方案类型
					if(data.data.type=="SK"){
						$("#QIEWEILimit").hide();
						SANKEDraw(data);
					}
					if(data.data.type=="QW"){
						$("#SANKELimit").hide();
					}
					//适用舱位
					if(data.data.cabin=="F"){						
						$("#cabin option[value='F']").attr("selected",true); 
					}
					if(data.data.cabin=="C"){						
						$("#cabin option[value='C']").attr("selected",true); 
					}
					if(data.data.cabin=="Y"){						
						$("#cabin option[value='Y']").attr("selected",true); 
					}
					if(data.data.status=="VA"){
						sta="已有效";
					}
					if(data.data.status=="IV"){
						sta="已失效";
					}
					
					$("#status").text(sta);//状态
					$("#creator").val(data.data.creator);//创建人
					$("#startDate").val(data.data.startDate);//开始日期
					$("#endDate").val(data.data.endDate);//结束日期
					$("#currency").val(data.data.currency)//货币类型
					$("#seatMin").val(data.data.seatMin);//最小座位数
					$("#seatMax").val(data.data.seatMax);//最大座位数
					if(data.data.ticketRate){
						$("#ticketRate").val(data.data.ticketRate);//出票率
					}					
					$("#ticketLoss").val(data.data.ticketLoss);//票损
					$("#ticketLossRate").val(data.data.ticketLossRate);//票损lv					
					$("#remark").val(data.data.remark);//其它备注					
					$("#adultAdjustment").val(data.data.adultAdjustment);//成人价格调整
					$("#adultTFC").val(data.data.adultTFC);//成人税金
					$("#childAdjustment").val(data.data.childAdjustment);//儿童价格调整
					$("#childTFC").val(data.data.childTFC);//儿童税金
					$("#infantAdjustment").val(data.data.infantAdjustment);//婴儿价格调整
					$("#infantTFC").val(data.data.infantTFC);//婴儿税金
					//方案类型为散客时候，座位数、出票率、票损不允许输入
					//退票费
					if(data.data.refundFee!=null){
						$("#refTicked2").prop('checked','checked');
						$(".dis").prop("readonly",false);
						$(".dis").val(data.data.refundFee);
					}else{
						$("#refTicked1").prop('checked','checked');
						//$(".dis").val("");
						$(".dis").prop("readonly",true);
						
					}
					//改期费
					if(data.data.revaFee!=null){
						$("#issueTicked2").prop('checked','checked');
						$(".reve").prop("readonly",false);
						$(".reve").val(data.data.revaFee);
					}else{
						$("#issueTicked1").prop('checked','checked');
						//$(".reve").val("");
						$(".reve").prop("readonly",true);
						
					}
					
					
					}
				});
		 
		//设置某个单选按钮对应输入框是否禁用
		$("#refTicked1").click(function(){
			$(".dis").prop("readonly",true);
			$(".dis").val("");
		})
		$("#refTicked2").click(function(){
			$(".dis").prop("readonly",false);
		})
		$("#issueTicked1").click(function(){
			$(".reve").prop("readonly",true);
			$(".reve").val("");
		})
		$("#issueTicked2").click(function(){
			$(".reve").prop("readonly",false);
		})
		
		
		$(".sure").click(function(){
			/*用户输入验证及友好提示--begin--*/
			//1、创建人不能为空
		if($("#creator").val()==""){
			layer.msg("创建人不能为空",{icon: 2,time:1000})
			return false; 
			
		}
		//2、开始日期不能为空
		if($("#startDate").val()==""){
			layer.msg("开始日期不能为空",{icon: 2,time:1000})
			return false; 
			
		}
		//3、结束日期不能为空
		if($("#endDate").val()==""){
			layer.msg("结束日期不能为空",{icon: 2,time:1000})
			return false; 
			
		}
		if($("#startDate").val()>$("#endDate").val()){
			layer.msg("开始日期不能大于结束日期",{icon: 2,time:1000})
			return false; 
		}
		if(type=="QW"){//切位类型时
			//4、座位数验证  数字切最大座位数>最小座位数  切位状态下
			if($("#seatMin").val()==""||$("#seatMax").val()==""){
				layer.msg("座位数不能为空",{icon: 2,time:1000})
				return false; 
			}else if(!/^[0-9]+$/.test($("#seatMin").val())||(!/^[0-9]+$/.test($("#seatMax").val()))){
				layer.msg("座位数必须为数字",{icon: 2,time:1000})
				return false; 
			}else if((/^[0-9]+$/.test($("#seatMin").val())||(/^[0-9]+$/.test($("#seatMax").val())))&&(parseInt($("#seatMin").val())>parseInt($("#seatMax").val()))){
				layer.msg("最大座位数应大于最小座位数",{icon: 2,time:1000})
				return false; 
			}
		//5、出票率三位数字
			 if($("#ticketRate").val()==""){
					layer.msg("出票率不能为空",{icon: 2,time:1000})
					return false;
				}else if(!/^(\d{1,2}(\.\d+)?|100)$/.test($("#ticketRate").val())){
					layer.msg("出票率必须为0-100之间的数字",{icon: 2,time:1500})
					return false;
				}else if(/^(\d{1,2}(\.\d+))$/.test($("#ticketRate").val())&&($("#ticketRate").val().split(".")[1].length>2)){
					layer.msg("出票率小数精度不超过2",{icon: 2,time:1500})
					return false;
				}
		//5、票损率三位数字
			 if($("#ticketLossRate").val()==""){
				 	layer.msg("票损率不能为空",{icon: 2,time:1000})
					return false;
				}else if(!/^(\d{1,2}(\.\d+)?|100)$/.test($("#ticketLossRate").val())){
					layer.msg("票损率必须为0-100之间的数字",{icon: 2,time:1500})
					return false;
				}else if(/^(\d{1,2}(\.\d+))$/.test($("#ticketLossRate").val())&&($("#ticketLossRate").val().split(".")[1].length>2)){
					layer.msg("票损率小数精度不超过2",{icon: 2,time:1500})
					return false;
				}
			//票损率不能大于出票率
			 if($("#ticketLossRate").val()-0>$("#ticketRate").val()-0){
				 layer.msg("票损率不能大于出票率",{icon: 2,time:1000})
				return false;
			 }
		 //6、票损
			 if($("#ticketLoss").val()==""){
				 	layer.msg("票损不能为空",{icon: 2,time:1000})
					return false;
				}else if(!/^\d+(\.\d+)?$/.test($("#ticketLoss").val())){
					layer.msg("票损必须为数字",{icon: 2,time:1000})
					return false;
				}else if(/^\d+(\.\d+)$/.test($("#ticketLoss").val())&&($("#ticketLoss").val().split(".")[1].length>2)){
					layer.msg("票损小数精度不超过2",{icon: 2,time:1000})
					return false;
				}
		 
		}
		//7、退票费可为空 不为空时必须为数字
		if($(".dis").val()!=""){
			if(!/^\d+(\.\d+)?$/.test($(".dis").val())){
				layer.msg("退票费必须为数字",{icon: 2,time:1000})
				return false;
			}else if(/^\d+(\.\d+)$/.test($(".dis").val())&&($(".dis").val().split(".")[1].length>2)){
				layer.msg("退票费小数精度不超过2",{icon: 2,time:1000})
				return false;
			}
		}
		//8、改期费可为空，不为空时必须为数字
		if($(".reve").val()!=""){
			if(!/^\d+(\.\d+)?$/.test($(".reve").val())){
				layer.msg("改期费必须为数字",{icon: 2,time:1000})
				return false;
			}else if(/^\d+(\.\d+)$/.test($(".reve").val())&&($(".reve").val().split(".")[1].length>2)){
				layer.msg("改期费小数精度不超过2",{icon: 2,time:1000})
				return false;
			}
		}	
		//11、价格调整 不能为空且必须为数字
		if($("#adultAdjustment").val()==""){
			layer.msg("成人价格调整不能为空",{icon: 2,time:1000})
			return false;
		}else if(!/^(\-?)\d+(\.\d+)?$/.test($("#adultAdjustment").val())){
			layer.msg("成人价格调整必须为数字",{icon: 2,time:1000})
			return false;
		}else if(/^(\-?)\d+(\.\d+)$/.test($("#adultAdjustment").val())&&($("#adultAdjustment").val().split(".")[1].length>2)){
			layer.msg("成人价格调整小数精度不超过2",{icon: 2,time:1000})
			return false;
		}
		
		if($("#childAdjustment").val()==""){
			layer.msg("儿童价格调整不能为空",{icon: 2,time:1000})
			return false;
		}else if(!/^(\-?)\d+(\.\d+)?$/.test($("#childAdjustment").val())){
			layer.msg("儿童价格调整必须为数字",{icon: 2,time:1000})
			return false;
		}else if(/^(\-?)\d+(\.\d+)$/.test($("#childAdjustment").val())&&($("#childAdjustment").val().split(".")[1].length>2)){
			layer.msg("儿童价格调整小数精度不超过2",{icon: 2,time:1000})
			return false;
		}
		if($("#infantAdjustment").val()==""){
			layer.msg("婴儿价格调整不能为空",{icon: 2,time:1000})
			return false;
		}else if(!/^(\-?)\d+(\.\d+)?$/.test($("#infantAdjustment").val())){
			layer.msg("婴儿价格调整必须为数字",{icon: 2,time:1000})
			return false;
		}else if(/^(\-?)\d+(\.\d+)$/.test($("#infantAdjustment").val())&&($("#infantAdjustment").val().split(".")[1].length>2)){
			layer.msg("婴儿价格调整小数精度不超过2",{icon: 2,time:1000})
			return false;
		}
		//12、税金不能为空，且为数字
		if($("#adultTFC").val()==""){
			layer.msg("成人税金不能为空",{icon: 2,time:1000})
			return false;
		}else if(!/^\d+(\.\d+)?$/.test($("#adultTFC").val())){
			layer.msg("成人税金必须为数字",{icon: 2,time:1000})
			return false;
		}else if(/^\d+(\.\d+)$/.test($("#adultTFC").val())&&($("#adultTFC").val().split(".")[1].length>2)){
			layer.msg("成人税金小数精度不超过2",{icon: 2,time:1000})
			return false;
		}
		if($("#childTFC").val()==""){
			layer.msg("儿童税金不能为空",{icon: 2,time:1000})
			return false;
		}else if(!/^\d+(\.\d+)?$/.test($("#childTFC").val())){
			layer.msg("儿童税金必须为数字",{icon: 2,time:1000})
			return false;
		}else if(/^\d+(\.\d+)$/.test($("#childTFC").val())&&($("#childTFC").val().split(".")[1].length>2)){
			layer.msg("儿童税金小数精度不超过2",{icon: 2,time:1000})
			return false;
		}
		if($("#infantTFC").val()==""){
			layer.msg("婴儿税金不能为空",{icon: 2,time:1000})
			return false;
		}else if(!/^\d+(\.\d+)?$/.test($("#infantTFC").val())){
			layer.msg("婴儿税金必须为数字",{icon: 2,time:1000})
			return false;
		}else if(/^\d+(\.\d+)$/.test($("#infantTFC").val())&&($("#infantTFC").val().split(".")[1].length>2)){
			layer.msg("婴儿税金小数精度不超过2",{icon: 2,time:1000})
			return false;
		}
		
		/*用户输入验证及友好提示--end--*/
			
			 //定义对象，用于盛放数据数据传输
			 var obj={};
			 obj.number=$("#number").text();//方案编号
			 var type_en="";
			 var stt="";
			 if($("#type").text()=="散客"){
				 type_en="SK";
			 }
			 if($("#type").text()=="切位"){
				 type_en="QW";
			 }
			 if($("#status").text()=="已有效"){
					stt="VA";
				}
			 if($("#status").text()=="已失效"){
					stt="IV";
				}
				
			 obj.type=type_en;//方案类型
			
		     obj.cabin=$("#cabin").val();//适用舱位
		     obj.status=stt;//状态
		     obj.creator=$("#creator").val();//创建人
		     obj.startDate=$("#startDate").val();//开始日期
		     obj.endDate=$("#endDate").val();//结束日期
		     obj.currency = $("#currency").val();//货币类型
		     obj.seatMin=$("#seatMin").val();//最小座位数
		     obj.seatMax=$("#seatMax").val();//最大座位数
		     obj.ticketRate=$("#ticketRate").val();//出票率
		     obj.ticketLoss=$("#ticketLoss").val();//票损
		     obj.ticketLossRate=$("#ticketLossRate").val();//票损lv
		    
		     obj.remark=$("#remark").val();
		     obj.adultAdjustment=$("#adultAdjustment").val();//成人价格调整
		     obj.adultTFC=$("#adultTFC").val();//成人税金
		     obj.childAdjustment=$("#childAdjustment").val();//儿童价格调整
		     obj.childTFC=$("#childTFC").val();//儿童税金
		     obj.infantAdjustment=$("#infantAdjustment").val();//婴儿价格调整
		     obj.infantTFC=$("#infantTFC").val();//婴儿税金
		     obj.id=u[1];
		     if(obj.type=="SK"){
		    	 obj.refundFee = $(".dis_").val()||null;
		    	 obj.revaFee = $(".reve_").val()||null;
		    	 obj.remark = $(".remark_").val();
		     }
		     if(obj.type=="QW"){
		    	 obj.refundFee = $(".dis").val()||null;
		    	 obj.revaFee = $(".reve").val()||null;
		    	 obj.remark = $("#remark").val();
		     }
		   				
			layer.msg('确认中...', {icon: 16,shade: 0.01});
		     //将得到的数据obj传输给后台
			 $.ajax({
					type:"post",
					url:"../fareplan/updateFarePlan?temp="+Math.random(),
					contentType:'application/json;charset=utf-8',
					data:JSON.stringify(obj),
					async:true,
					success:function(data){
						var data=JSON.parse(data);
						if(data.status.toString()=="1001"){
							layer.msg("编辑成功", {icon: 1,time:1000},function(){
								var index = parent.layer.getFrameIndex(window.name);//获取弹窗索引
								parent.layer.close(index);//关闭弹窗
							});			
						}else{
							
							//失败的弹出框
							layer.confirm(data.message, {
								title:['编辑失败','background-color:#00aa98;color:#fff'],
							   	btn: ['确定'] //按钮
							}, function(){
								layer.closeAll('dialog');
							});
						}
					}
				});
	
		 });
		 //点击取消按钮
		 $(".cancel").click(function(){
			 closeWin();
		 });
		 //散客情况时点击单选按钮
		 $(".freeTr input[type=radio]").change(function(){
			 if($(this).val()=="allow"){
				 $(this).parent().parent().find("input[type=text]").attr("readonly",false);
			 }
			 if($(this).val()=="noAllow"){
				 $(this).parent().parent().find("input[type=text]").attr("readonly",true);
				 $(this).parent().parent().find("input[type=text]").val("");
			 }		
		 })
		 function SANKEDraw(data){
			 $(".remark_").val(data.data.remark);
			 if(data.data.refundFee){
				 $(".dis_").val(data.data.refundFee); 
				 $(".dis_").parent().parent().find("input[type=radio][value=allow]").attr("checked",true);
			 }else{
				 $(".dis_").val(""); 
				 $(".dis_").parent().parent().find("input[type=radio][value=noAllow]").attr("checked",true);
				 $(".dis_").attr("readonly",true);
			 }
			 
			 if(data.data.revaFee){
				 $(".reve_").val(data.data.revaFee); 
				 $(".reve_").parent().parent().find("input[type=radio][value=allow]").attr("checked",true);
			 }else{
				 $(".reve_").val(""); 
				 $(".reve_").parent().parent().find("input[type=radio][value=noAllow]").attr("checked",true);
				 $(".reve_").attr("readonly",true);
			 }			 			 
		 }
		
		</script>		
</html>
